*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
body{
    background-color: red;
    .box{
        margin: 0 auto;
        margin-top: 15px;
        width: 1440px;
        height: 150px;
        background-color: white;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        display: flex;
        justify-content: center;
        .logo{
            display: inline-block;
            margin-top: 40px;
            vertical-align: top;
            margin-right: 100px;
        }
        .search{
            margin-left: 50px;
            width: 550px;
            height: 50px;
            display: inline-block;
            position: relative;
            top: 10px;
            vertical-align: middle;
            input{
                width: 500px;
                height: 35px;
                border-radius: 15px;
                border-color: tomato;
            }
            button{
                position: absolute;
                border: none;
                right: 55px;
                top: 5px;
                border-radius: 15px;
                color: white;
                background: tomato;
                width: 60px;
                height: 25px;
            }
            span{
                position: absolute;
                top: 10px;
                right: 120px;
            }
            ul{
                li{
                    position:relative;
                    display: inline-block;
                    font-size: 6px;
                }
            }
            label{
               position: absolute;
               top: 2.5px;
               height: 30px;
               left: 20px;
               padding-right:15px;
               line-height: 32.5px;
               font-size: 10px;
               font-weight: 400;
               border-right: 1px solid gainsboro;
                
            }
        }
        .code{
            border: 1px solid rgb(226, 220, 220);
            display: inline-block;
            vertical-align: middle;
            margin-left: 100px;
            padding: 5px;
            margin-top: 10px;
            h6{
                font-size: 10px;
                font-weight: 400;
            }
            img{
                width: 50px;
                height: 50px;
            }
        }
    }
    nav{
        margin: 0 auto;
        background-color: white;
        display: flex;
        justify-content: center;
        width: 1440px;
        height: 50px;
        .list-title{
            width: 1300px;
            .line{
                width: 1px;
                height: 15px;
                background-color: black;
                margin: 0 5px;
            }
            li{
                display: inline-block;
                font-size: 16px;
                padding: 0 5px;
               
            } 
            li:nth-of-type(1){
                font-size: 18px;
                color: tomato;
                font-weight: 700;
                position: relative;  
                margin-left:30px;
                margin-right: 130px; 
            }
            li:nth-of-type(2),
            li:nth-of-type(3),
            li:nth-of-type(4){
                font-size: 18px;
                padding:0 5px;
                color: red;
                margin-left:10px ;
            }
            li:nth-of-type(4){
                color: green;
            }
        }
    }
    .banner{
        margin: 0 auto;
        background-color: white;
        display: flex;
        justify-content: center;
        width: 1440px;
        height: 670px;
        display: flex;
        justify-content: center;
        .aside{
            padding: 10px;
            flex: 3;
            .list-side{
                margin-left: 50px;
                font-size: 17px;
                line-height: 44px;
                li{
                    display: inline-block;
                    width: 200px;
                    opacity: 0.8;
                }
            }
        }
        .pic{
            flex: 8;
            display: flex;
            flex-direction:column;
            .hang1{
                flex: 5;
                display: flex;
                
                .pic-1{
                    flex: 3;
                    background-color: red;
                    margin: 5px;
                }
                .pic-2{
                    flex: 1;
                    background-color: thistle;
                    margin: 5px;
                }
            }
            .hang2{
                flex: 4;
                display: flex;
                .pic-3{
                    flex: 3;
                    background: tomato;
                    margin: 5px;
                }
                .pic-4{
                    flex: 3;
                    background: yellow;
                    margin: 5px;
                }
                .pic-5{
                    flex: 2;
                    background: yellowgreen;
                    margin: 5px;
                }
            }
        }
        .other-side{
            flex: 4;
            .btn{
                display: flex;
                button{
                    flex: 1;
                    padding: 5px;
                    margin: 5px;
                    color: white;
                    background: tomato;
                    border-radius: 5px;
                }

            }
            .select{
                text-align: center;
                li{
                    display: inline-block;
                    margin: 0 5px;
                    padding: 5px 10px;
                    font-weight: 700;
                    font-size: 18px;
                }
                li:nth-of-type(3){
                    border-bottom: 5px solid tomato;
                }
            }
            p{
                color: rgb(245, 42, 7);
                font-size: 16px;
                font-weight: 700;
                text-align: center;
                word-spacing: 30px;
            }
        }
        .serviceType{
            text-align: center;
            .xiaotubiao{
                margin: 0;
                word-spacing:-4px;
                li{
                   margin: 0;
                   padding: 0;
                   display: inline-block;
                   border: 1px solid rgb(245, 238, 238);
                   padding: 15px 27px;
                   
                }
                li:nth-of-type(5),
                li:nth-of-type(6),
                li:nth-of-type(7),
                li:nth-of-type(8){
                    margin-top:-2px;
                }
            }
            
        }
        .ali{
            display: flex;
            flex-direction: column;
            
            .hang3{
                flex: 1;
                display: flex;
                h4{
                flex: 2;
                font-size: 18px;
                padding:0 5px;
                font-weight: 600;
                display: inline-block;
            }
            .empty{
                flex: 4;
            }
            span{
                flex: 1;
                padding: 5px;
                font-size: 16px;
                }
            }
            .hang4{
                margin: 5px;
                flex: 3;
                text-align: center;

                img{
                   width: 50px;
                   margin: 0 10px;
                }
            }
        }
        

    }
    .koubeihaohuo{
        margin: 0 auto;
        background-color: white;
        justify-content: center;
        width: 1440px;
        height: 670px;
        display: flex;
        flex-direction: column;
        .hang5{
            flex: 1;
            display: flex;
            h2{
             display: inline-block;
             flex: 2;
             text-align: center;
             height: 50px;
             font-weight: 500;
             font-size: 38px;
            }
            h4{
             display: inline-block;
             flex: 1;
             font-size: 22px;
             margin-top:25px;
             padding: 5px;
             height:30px;
             background: rgb(114, 114, 214);
             color: white;
             text-align: center;
             border-radius: 5px;
            }
            h5{
             flex:10;
            }
        
        }
        .hang6{
            flex: 5;
            text-align: center;
            ul{
                li{
                    display: inline-block;
                    padding: 10px;
                    img{
                        width: 250px;
                        vertical-align: top;
                    }
                    p{
                        font-size:20px;
                    }
                }
            }
        }
        .hang7{
            flex: 4;
            display: flex;
            .zhanweifu{
                flex: 1;
                background: coral;
                margin: 15px;
                border-radius: 5px;
            }
        }
        
        
        
        
    }
}